<!-- ======= Sidebar ======= -->
<aside id="sidebar" class="sidebar">
  <ul class="sidebar-nav" id="sidebar-nav">

    <li class="nav-item">
      <a class="nav-link <%= class_names(collapsed: !current_page?('/admin')) %>" href="/admin">
        <i class="bi bi-grid"></i>
        <span>Dashboard</span>
      </a>
    </li><!-- End Dashboard Nav -->

    <li class="nav-item">
      <a class="nav-link collapsed" data-bs-target="#components-nav" data-bs-toggle="collapse" href="#">
        <i class="bi bi-menu-button-wide"></i><span>Components</span><i class="bi bi-chevron-down ms-auto"></i>
      </a>
      <ul id="components-nav" class="nav-content collapse <%= class_names(show: components?) %>" data-bs-parent="#sidebar-nav">
        <li>
          <a href="<%= admin_components_alert_path %>" class="<%= class_names(active: current_page?(admin_components_alert_path)) %>">
            <i class="bi bi-circle"></i><span>Alerts</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_accordion_path %>" class="<%= class_names(active: current_page?(admin_components_accordion_path)) %>">
            <i class="bi bi-circle"></i><span>Accordion</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_badges_path %>" class="<%= class_names(active: current_page?(admin_components_badges_path)) %>">
            <i class="bi bi-circle"></i><span>Badges</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_breadcrumbs_path %>" class="<%= class_names(active: current_page?(admin_components_breadcrumbs_path)) %>">
            <i class="bi bi-circle"></i><span>Breadcrumbs</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_buttons_path %>" class="<%= class_names(active: current_page?(admin_components_buttons_path)) %>">
            <i class="bi bi-circle"></i><span>Buttons</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_cards_path %>" class="<%= class_names(active: current_page?(admin_components_cards_path)) %>">
            <i class="bi bi-circle"></i><span>Cards</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_carousel_path %>" class="<%= class_names(active: current_page?(admin_components_carousel_path)) %>">
            <i class="bi bi-circle"></i><span>Carousel</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_list_group_path %>" class="<%= class_names(active: current_page?(admin_components_list_group_path)) %>">
            <i class="bi bi-circle"></i><span>List group</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_modal_path %>" class="<%= class_names(active: current_page?(admin_components_modal_path)) %>">
            <i class="bi bi-circle"></i><span>Modal</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_tabs_path %>" class="<%= class_names(active: current_page?(admin_components_tabs_path)) %>">
            <i class="bi bi-circle"></i><span>Tabs</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_pagination_path %>" class="<%= class_names(active: current_page?(admin_components_pagination_path)) %>">
            <i class="bi bi-circle"></i><span>Pagination</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_progress_path %>" class="<%= class_names(active: current_page?(admin_components_progress_path)) %>">
            <i class="bi bi-circle"></i><span>Progress</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_spinners_path %>" class="<%= class_names(active: current_page?(admin_components_spinners_path)) %>">
            <i class="bi bi-circle"></i><span>Spinners</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_components_tooltips_path %>" class="<%= class_names(active: current_page?(admin_components_tooltips_path)) %>">
            <i class="bi bi-circle"></i><span>Tooltips</span>
          </a>
        </li>
      </ul>
    </li><!-- End Components Nav -->

    <li class="nav-item">
      <a class="nav-link collapsed" data-bs-target="#forms-nav" data-bs-toggle="collapse" href="#">
        <i class="bi bi-journal-text"></i><span>Forms</span><i class="bi bi-chevron-down ms-auto"></i>
      </a>
      <ul id="forms-nav" class="nav-content collapse <%= class_names(show: forms?) %>" data-bs-parent="#sidebar-nav">
        <li>
          <a href="<%= admin_forms_elements_path %>" class="<%= class_names(active: current_page?(admin_forms_elements_path)) %>">
            <i class="bi bi-circle"></i><span>Form Elements</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_forms_layouts_path %>" class="<%= class_names(active: current_page?(admin_forms_layouts_path)) %>">
            <i class="bi bi-circle"></i><span>Form Layouts</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_forms_editors_path %>" class="<%= class_names(active: current_page?(admin_forms_editors_path)) %>">
            <i class="bi bi-circle"></i><span>Form Editors</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_forms_validation_path %>" class="<%= class_names(active: current_page?(admin_forms_validation_path)) %>">
            <i class="bi bi-circle"></i><span>Form Validation</span>
          </a>
        </li>
      </ul>
    </li><!-- End Forms Nav -->

    <li class="nav-item">
      <a class="nav-link collapsed" data-bs-target="#tables-nav" data-bs-toggle="collapse" href="#">
        <i class="bi bi-layout-text-window-reverse"></i><span>Tables</span><i class="bi bi-chevron-down ms-auto"></i>
      </a>
      <ul id="tables-nav" class="nav-content collapse <%= class_names(show: tables?) %>" data-bs-parent="#sidebar-nav">
        <li>
          <a href="<%= admin_tables_general_path %>" class="<%= class_names(active: current_page?(admin_tables_general_path)) %>">
            <i class="bi bi-circle"></i><span>General Tables</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_tables_data_path %>" class="<%= class_names(active: current_page?(admin_tables_data_path)) %>">
            <i class="bi bi-circle"></i><span>Data Tables</span>
          </a>
        </li>
      </ul>
    </li><!-- End Tables Nav -->

    <li class="nav-item">
      <a class="nav-link collapsed" data-bs-target="#charts-nav" data-bs-toggle="collapse" href="#">
        <i class="bi bi-bar-chart"></i><span>Charts</span><i class="bi bi-chevron-down ms-auto"></i>
      </a>
      <ul id="charts-nav" class="nav-content collapse <%= class_names(show: charts?) %>" data-bs-parent="#sidebar-nav">
        <li>
          <a href="<%= admin_charts_chartjs_path %>" class="<%= class_names(active: current_page?(admin_charts_chartjs_path)) %>">
            <i class="bi bi-circle"></i><span>Chart.js</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_charts_apexcharts_path %>" class="<%= class_names(active: current_page?(admin_charts_apexcharts_path)) %>">
            <i class="bi bi-circle"></i><span>ApexCharts</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_charts_echarts_path %>" class="<%= class_names(active: current_page?(admin_charts_echarts_path)) %>">
            <i class="bi bi-circle"></i><span>ECharts</span>
          </a>
        </li>
      </ul>
    </li><!-- End Charts Nav -->

    <li class="nav-item">
      <a class="nav-link collapsed" data-bs-target="#icons-nav" data-bs-toggle="collapse" href="#">
        <i class="bi bi-gem"></i><span>Icons</span><i class="bi bi-chevron-down ms-auto"></i>
      </a>
      <ul id="icons-nav" class="nav-content collapse <%= class_names(show: icons?) %>" data-bs-parent="#sidebar-nav">
        <li>
          <a href="<%= admin_icons_bootstrap_path %>" class="<%= class_names(active: current_page?(admin_icons_bootstrap_path)) %>">
            <i class="bi bi-circle"></i><span>Bootstrap Icons</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_icons_remix_path %>" class="<%= class_names(active: current_page?(admin_icons_remix_path)) %>">
            <i class="bi bi-circle"></i><span>Remix Icons</span>
          </a>
        </li>
        <li>
          <a href="<%= admin_icons_boxicons_path %>" class="<%= class_names(active: current_page?(admin_icons_boxicons_path)) %>">
            <i class="bi bi-circle"></i><span>Boxicons</span>
          </a>
        </li>
      </ul>
    </li><!-- End Icons Nav -->

    <li class="nav-heading">Pages</li>

    <li class="nav-item">
      <a class="nav-link <%= class_names(collapsed: !current_page?(admin_pages_profile_path)) %>" href="<%= admin_pages_profile_path %>">
        <i class="bi bi-person"></i>
        <span>Profile</span>
      </a>
    </li><!-- End Profile Page Nav -->

    <li class="nav-item">
      <a class="nav-link <%= class_names(collapsed: !current_page?(admin_pages_faq_path)) %>" href="<%= admin_pages_faq_path %>">
        <i class="bi bi-question-circle"></i>
        <span>F.A.Q</span>
      </a>
    </li><!-- End F.A.Q Page Nav -->

    <li class="nav-item">
      <a class="nav-link <%= class_names(collapsed: !current_page?(admin_pages_contact_path)) %>" href="<%= admin_pages_contact_path %>">
        <i class="bi bi-envelope"></i>
        <span>Contact</span>
      </a>
    </li><!-- End Contact Page Nav -->

    <li class="nav-item">
      <a class="nav-link <%= class_names(collapsed: !current_page?(admin_pages_register_path)) %>" href="<%= admin_pages_register_path %>">
        <i class="bi bi-card-list"></i>
        <span>Register</span>
      </a>
    </li><!-- End Register Page Nav -->

    <li class="nav-item">
      <a class="nav-link <%= class_names(collapsed: !current_page?(admin_pages_login_path)) %>" href="<%= admin_pages_login_path %>">
        <i class="bi bi-box-arrow-in-right"></i>
        <span>Login</span>
      </a>
    </li><!-- End Login Page Nav -->

    <li class="nav-item">
      <a class="nav-link <%= class_names(collapsed: !current_page?(admin_pages_error_path)) %>" href="<%= admin_pages_error_path %>">
        <i class="bi bi-dash-circle"></i>
        <span>Error 404</span>
      </a>
    </li><!-- End Error 404 Page Nav -->

    <li class="nav-item">
      <a class="nav-link <%= class_names(collapsed: !current_page?(admin_pages_blank_path)) %>" href="<%= admin_pages_blank_path %>">
        <i class="bi bi-file-earmark"></i>
        <span>Blank</span>
      </a>
    </li><!-- End Blank Page Nav -->

  </ul>

</aside><!-- End Sidebar-->
